﻿<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>{% block title %}{% endblock %}</title>

	<link type="text/css" rel="stylesheet" href="/images/lay.css" />
	<link type="text/css" rel="stylesheet" href="/css/base.css" />
	
	<script type="text/javascript"></script>

	{% block head %}
	{% endblock %}
</head>

<body>

<div id="container">

	<div id="intro">
		<div id="pageHeader">
			<h1><span>Header</span></h1>
			<h2><span>Sub-header</span></h2>
		</div>

		<div id="quickSummary">
			{% if user %}
				<p class="p2">
					<span>{{user.email}}</span><br/>
				</p>
			{% endif %}
		</div>

		<div id="preamble">
			<br/>
			<br/>
			
			{% block body %}{% endblock %}
			
	
		</div>
		
		<div id="footer">
			PersonaCards um brainstorm em busca da melhor ideia
		</div>
	
		<div id="linkList">
			<!--extra div for flexibility - this list will probably be the trickiest spot you'll deal with -->
			<div id="linkList2">
	
			<!-- If you're wondering about the extra &nbsp; at the end of the link, it's a hack to meet WCAG 1 Accessibility. -->
			<!-- I don't like having to do it, but this is a visual exercise. It's a compromise. -->
				<div id="lselect">
					<h3 class="select"><span>Seção:</span></h3>
					<!-- list of links begins here. There will be no more than 8 links per page -->
					<ul>
						<li><a href="{{url}}">Conectar-se ao REDU</a></li>
						<li><a href="/home">Principal</a></li>
						<li><a href="/criarPersona">Criar Persona</a></li>
						<li><a href="/cenario">Criar Projeto</a></li>
					</ul>
				</div>
	
			</div>
		</div>

	</div>

	<!-- These extra divs/spans may be used as catch-alls to add extra imagery. -->
	<!-- Add a background image to each and use width and height to control sizing, place with absolute positioning -->
	<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
	<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>

</div>
</body>
{% block jsBlock %} {% endblock %}
</html>
